<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <button>文档中的按钮1</button>
    <button>文档中的按钮2</button>

    <script>
      // window 是浏览器对象
      console.log(window);

      // document 是文档对象（当前文档）
      console.log(document);
      document.title = "修改了文档标题"; // 修改标题
      console.log(document.body);
      // 都只返回第一个
      console.log(document.querySelector("button")); // 查询指定元素
      console.log(document.querySelectorAll("button")); // 查询指定的所有元素  返回NodeList节点列表（伪数组）
      
    </script>
  </body>
</html>
